How to rotoscope using Adobe Photoshop


Photoshop for Kids: Rotoscoping Made Easy from NicoleDalesio on Vimeo.

This is a fun, technical tutorial that shows you how to rotoscope beautiful doodles onto your video frame by frame in Photoshop Extended.

Thanks for Kevin MacLeod for the music, "Dreamy Flashbacks."

Sample video clips to try out the tutorial can be downloaded by clicking on the links below:





Click here for some other advice on Photoshop and Rotoscope techniques.

This website is a great resource as well with information on many Animation techniques.

http://www.teachanimation.org/rotolesson.html

Rotoball Project Page and directions and rules of Rotoball

http://carrotrevolution.com/rotoball/Howto.html
http://carrotrevolution.com/rotoball/Rotowhat.html

Using Flash to Create Your Rotoscope

Thanks to David Gran for his outstanding images and directions. See The Carrot Revolution here for more details.

After you’ve filmed and edited your segment to 15 seconds, export it from your video editing program.

Open up Flash, and import your video to the stage. (File:Import:Import to Stage)


Picture_1.jpg
Video is imported to stage, layer (in upper left corner) is renamed “video”.


Name your first layer something obvious (like “video”)


Picture_2.jpg

Add a second layer (Insert:Timeline:Layer - or click the layer icon).

Rename the second Layer “Roto” or something like that.


Picture3.jpg

The new layer is renamed “Roto” and converted to blank keyframes. The painting is done with a small brush for outlines.



Double click on the blank bar in that timeline. Then right click (PC) or ctrl-click (MAC) and choose “Convert to Blank Keyframes”.


Picture_4.jpg



Click on the first frame. 



Choose the color you want to work with and click on the paintbrush. If you’re outlining, choose a nice thin brush, and (I recommend) pulling the smoothing preference up to 100 (under “Properties”). That gives it a nice calligraphic look.

Picture_6.jpg



Click in the first blank keyframe and paint away! Repeat with more keyframes until bored.


Picture_5.jpg
This is the first image in the sequence with the video layer hidden. Note that only the drawing in the white frame will appear in the final animation.



Create more layers. You can create layers for highlights and shadows if you want to rotoscope them separately. Definitely create a layer for your backgrounds. This should be the bottom most layer, you can keep it beneath your video layer, and when you want to see the animation, simply hide the video layer by clicking on the eye in the timeline (hiding and unhiding layers is a very helpful tool for rotoscopers!)


Picture_7.jpg
One option is to create another layer just for your color. This layer can be placed beneath the Roto Layer in order to preserve those fancy lines.

Picture_8.jpg

The background layer can be put beneath the video layer, and seen when the video is hidden or removed. I kinda like this one better without the color! It would be even more interesting to see those aqua lines tweened.


Create a layer for the rotoball. The best way to handle the ball is NOT to rotoscope it (when you can avoid it), but create a sphere (using the oval tool) and create a Motion Tween.




When your ball transforms, you can do a Shape Tween. Shape tweens can be messy if you try to do complex objects in one layer. Try breaking them up into as many layers as necessary.



Decide on a color scheme and a pattern to animate for your background layers, using motion tweens.





When you’re finished, delete the video layer.



Enjoy. Tweak. Get it right!




Export as a .MOV file.

external image shapeimage_3.png